<!--
  Generated template for the PcMyreportPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>{{userName}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding (pan)="pan($event)">
  <div class="myReport" #myReport >
    <div class="myReport-img">
      <img src={{avatar}}/>
    </div>
    <div class="myReport-content" #myReportContent>
      
      
      <div class="overflow-div">
        <div class="content-item"  *ngFor="let item of showlist" >
          <span class="name">{{item.name}}</span>
          <span class="value">{{item.value | number:'1.2-2'}}</span>
        </div>
        <div class="content-item">
          <span class="name">总分</span>
          <span class="value">{{allvalue | number:'1.2-2'}}</span>
        </div>        
      </div>


      <div class="colorstrip">
        
      </div>
    </div>
    <div class="bgpaper" #bgPaper>
        <div class="overflow-div">
            <div class="content-item"  *ngFor="let item of showlistlast" >
              <span class="name">{{item.name}}</span>
              <span class="value">{{item.value | number:'1.2-2'}}</span>
            </div>
            <div class="content-item">
              <span class="name">总分</span>
              <span class="value">{{allvalue2 | number:'1.2-2'}}</span>
            </div>        
          </div>
        <div class="colorstrip"></div>
    </div> 
  </div>
</ion-content>
